<div class="relative">
    {% include header.html %}
    <div class="absolute z-10 top-1/3 left-96 flex-col w-1/4">
      <div class="text-6xl mb-8 break-normal">There's a better way to ask</div>
      <div class="text-2xl mb-8 break-normal">You don't want to make a boring form. And your audience won't answer one. Create a typeform instead—and make everyone happy.</div>
      <div class="flex">
        <div class="bg-black bg-opacity-80 rounded-md py-3 px-4 text-white min-w-max mb-4 hover:opacity-75 transition duration-150">
          Get started - it's free
        </div>
        <div class="py-3 px-6 ml-2 min-w-max mb-4 border-black border-2 rounded-md hover:bg-black hover:opacity-80 hover:text-white transition duration-150">
          Take a peek
        </div>
      </div>
      <div class="text-sm">✓ No credit card required</div>
      <div class="text-sm">✓ No time limit on Free plan</div>
    </div>
    <video
        autoplay
        loop
        muted
        class="relative min-h-full min-w-full"
    >
    <source
      src="../assets/home-page/hero/video-1920.mp4"
      type="video/mp4"
    />
    Your browser does not support the video tag.
  </video>
</div>